body {
    color            : #333;
    font-size        : 10pt;
    font-family      : "Lucida Grande", "Lucida Sans Unicode";
    margin           : 0;
    padding          : 10px;
    background       : #DFDFDF url(/static/body-background.png) repeat-x;
}

#container {
    width            : 1000px;
    margin           : 0 auto;
    border           : 1px solid #999;
    background-color : #FFF;
}

div#top {
    margin           : 0;
    padding          : 10px 10px 27px 20px;
    color            : #EEE;
    background       : url(/static/background.png) repeat-x #636;
    text-shadow      : rgba(0, 0, 0, 0.4) 0px -1px 0;
}

div#top a {
    color            : #EEE;
    text-decoration  : none;
}

div#top h1 {
    font-size        : 2.2em;
    padding          : 0;
    margin           : 0;
}

div#top h2 {
    font-size        : 1.2em;
    font-style       : italic;
    padding          : 0;
    margin           : -2px 0 0 12px;
}

div#main {
    margin           : 0 215px 0 200px;
    padding          : 10px 20px 20px 10px;
    border-left      : 1px solid #DDD;
    border-right     : 1px solid #DDD;
}

div#main h2  {
    margin           : 0 0 5px 0;
    padding          : 0;
    font-size        : 1.92em;
}

div#main h2.entry_title  {
    margin           : 20px 0 5px 0;
    padding          : 0;
    font-size        : 1.8em;
}
 
div#main h3  {
    margin           : 0 0 5px 0;
    padding          : 0;
    font-size        : 1.5em;
}

div#main h4  {
    margin           : 20px 0 0 0;
    padding          : 0;
    font-size        : 1.2em;
    font-weight      : bold;
}
 
div#main p {
    margin           : 0 0 10px 0;
    padding          : 0;
}

div#menu {
    float            : left;
    width            : 180px;
    margin           : 0;
    padding          : 0 10px 10px;
    border-right     : 1px solid #DDD;
}

div#right {
    width            : 195px;
    margin           : 0;
    padding          : 10px;
    float            : right;
    border-left      : 1px solid #DDD;
}

div#menu h3 {
    margin           : 5px 0 3px;
    border-bottom    : 1px solid #CCC;
    font-size        : 1em;
    font-weight      : bold;
}

div#menu p {
    margin           : 0;
    font-size        : 0.9em;
    line-height      : 1.1em;
}

div#menu td {
    font-size        : 0.9em;
    padding          : 0;
}

a:link, a:visited, a:active {
    color            : #636;
    text-decoration  : none;
    background-color : transparent;
}

div#main a {
    font-weight      : bold;
}

a:hover {
    text-decoration  : underline;
    background-color : transparent;
}

a.external {
    font-style       : italic;
}

img {
    border           : 0;
}

#bottom {
    font-size        : 0.8em;
    margin           : 50px 0 0 0;
    padding          : 0;
    text-align       : right;
    color            : #AAA;
}  

tt {
    font-size        : 1.21em;
}

pre {
    font-family      : "Lucida Console", "Andale Mono", monospace;
    padding          : 3px 5px;
    background       : #FEF;
    border           : solid 1px #969;
    overflow         : auto;
}

.category_pages {
    padding          : 5px;
    margin           : 20px 5px;
    border           : solid 1px #969;
    background       : #EEE;
}

.category_pages h3 {
    color            : #636;
}

.categories {
    padding          : 2px 4px;
    background       : #EDE;
}

div#main a.category_nav {
    font-weight      : normal;
}

blockquote {
    padding          : 3px;
    background       : #EDE;
    border-left      : solid 3px #969;
}

p.blog_date {
    font-size        : 0.8em;
    color            : #666;
}

div.comment {
    border-top       : 1px solid #999;
    margin           : 10px 5px 5px 5px;
    padding          : 3px;
    background       : #EEE;
}

div.comment_authenticated {
    border-top       : 1px solid #999;
    margin           : 10px 5px 5px 5px;
    padding          : 3px;
    background       : #EDE;
}

p.comment_citation {
    font-size        : 0.8em;
    font-style       : italic;
}

.footnotes {
    font-size        : smaller;
    border-top       : 1px solid #DDD;
    padding-top      : 10px;
}

div.logged_in {
    float            : right;
    background       : #636;
    padding          : 5px 10px;
    margin           : -10px -10px 0 0;
}

.lastmod {
    font-size        : smaller;
    color            : #999;
}

div#main p.comment_error {
    padding          : 3px 5px;
    background       : #F66;
    color            : #FFF;
}

form.add_comment {
    font-size        : 80%;
    padding          : 10px;
    background       : #EEE;
    color            : #444;
}

tr.calnav {
    background       : #EEE;
}

td.callink {
    background       : #EDE;
}

h2.blog_list_title {
    color            : #969;
}

#right h2 {
    color            : #646;
}

ul#twitter_update_list {
    padding-left     : 0;
    list-style-type  : none;
}

ul#twitter_update_list li {
    background       : #EEE;
    margin           : 2px;
    padding          : 2px 4px;
    font-size        : 0.8em;
}

#add_comment_toggle {
    font-size        : 90%;
    background       : #EEE;
    padding          : 3px 6px;
}

img#portrait {
    float            : left;
}
ul.blog_entries {
    list-style-type  : none;
    padding-left     : 0;
}
ul.blog_entries li {
    line-height      : 0.95;
    margin-bottom    : 1em;
}
